<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>LuckPerms - Web Editor</title>

  <meta name="description" content="A web based permissions editor for LuckPerms.">
  <meta name="author" content="Luck">

  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="LuckPerms - Web Editor">
  <meta name="twitter:description" content="A web based permissions editor for LuckPerms.">
  <meta name="twitter:image" content="https://luckperms.github.io/assets/logo/720px.png">
  <meta property="og:title" content="LuckPerms - Web Editor">
  <meta property="og:description" content="A web based permissions editor for LuckPerms.">
  <meta property="og:type" content="product">
  <meta property="og:image" content="https://luckperms.github.io/assets/logo/720px.png">
  <meta property="og:url" content="https://luckperms.github.io/">
  <meta property="og:site_name" content="LuckPerms - An advanced permissions plugin for Bukkit/Spigot, BungeeCord, Sponge, Nukkit and Velocity">
  <link rel="apple-touch-icon" href="https://luckperms.github.io/assets/logo/720px.png">

  <link href="../assets/logo/16px.png" rel="shortcut icon" sizes="16x16" type="image/png">
  <link href="../assets/logo/32px.png" rel="shortcut icon" sizes="32x32" type="image/png">
  <link href="../assets/logo/64px.png" rel="shortcut icon" sizes="64x64" type="image/png">
  <link href="../assets/logo/128px.png" rel="shortcut icon" sizes="128x128" type="image/png">

  <link href="https://cdnjs.cloudflare.com/ajax/libs/awesomplete/1.1.2/awesomplete.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.min.css" rel="stylesheet">
  <link href="../assets/common/style.css" rel="stylesheet" type="text/css">
  <link href="assets/style.css" rel="stylesheet" type="text/css">
  <noscript id="css-defer">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
  </noscript>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
    crossorigin="anonymous" defer></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/awesomplete/1.1.2/awesomplete.min.js" integrity="sha256-xA+USAVmEnBnz1FiLRSG8xglJflQVHmQvbx5+u4bslk="
    crossorigin="anonymous" defer></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js" integrity="sha256-Daf8GuI2eLKHJlOWLRR/zRy9Clqcj4TUSumbxYH9kGI="
    crossorigin="anonymous" defer></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.min.js" integrity="sha256-0prQxFtdWQNa3vW5JDMbvbBp6ehKzf9UIWqFGZIWPPE="
    crossorigin="anonymous" defer></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.min.js" integrity="sha256-RbE9ux8UbaKexk/+aT9XkZ8tcUWg3yw/3XE/S8iW7eI="
      crossorigin="anonymous" defer></script>
  <script src="assets/app.js" defer></script>
</head>

<body>
<div id="bar" style="display: none;">
  <ul class="flex-center">
    <li>
      <a href="../"><img alt="LuckPerms Logo" class="tiny-logo" width="40" height="40" src="../assets/logo/40px.png" srcset="../assets/logo/80px.png 2x, ../assets/logo/160px.png 4x"></a>
      <h3>Web Permissions Editor</h3>
    </li>
    <li id="identifier"></li>
    <li>
      <i id="undo-button" class="unclickable material-icons undo" title="Undo (Ctrl + Z)">undo</i>
      <i id="redo-button" class="unclickable material-icons redo" title="Redo (Ctrl + Y)">redo</i>
      <i id="save-button" class="clickable material-icons save" title="Save (Ctrl + S)">save</i>
      <i style="display: none" id="help-button" class="clickable material-icons help" title="Help (Ctrl + H)">help</i>
    </li>
  </ul>
  <div id="tab" style="display: none"></div>
</div>

<div class="content">
  <div id="popup"></div>

  <div id="page">
    <div id="panel">
      <img alt="LuckPerms Logo" class="logo" width="180" height="180" src="../assets/logo/180px.png" srcset="../assets/logo/360px.png 2x, ../assets/logo/720px.png 4x">

      <h1>LuckPerms</h1>
      <h2>Web Permissions Editor</h2>

      <div id="prompt">
        <h3>To start a new editor session, please use</h3>
        <h4>
          <span class="cmd">/lp editor</span>
          <br>
          <span class="cmd">/lp user &lt;user&gt; editor</span>
          <br>
          <span class="cmd">/lp group &lt;group&gt; editor</span>
        </h4>
      </div>
    </div>

    <div id="table-content" class="wrapper" style="display: none;">
      <div class="table-input-bar">
        <div class="newentry">
          <div id="inpform">
            <input type="text" class="autocomp" name="permission" placeholder="Permission" title="Filter through known permissions or add a new one.">
            <input type="text" name="expiry" class="datepicker-here" placeholder="Expiry" data-language="en" data-timepicker="true" title="When will the permission expire? Leave blank for no expiry.">
            <input type="text" name="server" placeholder="Server" title="Restrict this permission to a certain server. Leave blank for global.">
            <input type="text" name="world" placeholder="World" title="Restrict this permission to a certain world. Leave blank for global.">
            <input type="text" name="contexts" placeholder="Contexts" title="Add custom contexts.">
            <input type="checkbox" name="value" id="inpvalue" checked>
            <label for="inpvalue" title="Click to toggle the true/false value."></label>
            <i class="clickable material-icons add" title="Add permission.">add_box</i>
          </div>
        </div>
      </div>

      <div id="table-section"></div>
    </div>
  </div>
</div>

<div id="help-section" style="display: none;">
  <div class="help-content">
  </div>
</div>

<div class="footer">
  <a href="https://github.com/lucko/LuckPermsWeb" class="github-corner">
    <svg width="60" height="60" viewBox="0 0 250 250">
      <path d="M0 0l115 115h15l12 27 108 108v-250z"/>
      <path d="M128.3 109c-14.5-9.3-9.3-19.4-9.3-19.4 3-6.9 1.5-11 1.5-11-1.3-6.6 2.9-2.3 2.9-2.3 3.9 4.6 2.1 11 2.1 11-2.6 10.3 5.1 14.6 8.9 15.9" style="transform-origin:130px 106px" class="octo-arm"/>
      <path d="M115 115c-.1.1 3.7 1.5 4.8.4l13.9-13.8c3.2-2.4 6.2-3.2 8.5-3-8.4-10.6-14.7-24.2 1.6-40.6 4.7-4.6 10.2-6.8 15.9-7 .6-1.6 3.5-7.4 11.7-10.9 0 0 4.7 2.4 7.4 16.1 4.3 2.4 8.4 5.6 12.1 9.2 3.6 3.6 6.8 7.8 9.2 12.2 13.7 2.6 16.2 7.3 16.2 7.3-3.6 8.2-9.4 11.1-10.9 11.7-.3 5.8-2.4 11.2-7.1 15.9-16.4 16.4-30 10-40.6 1.6.2 2.8-1 6.8-5 10.8l-11.7 11.6c-1.2 1.2.6 5.4.8 5.3z" class="octo-body"/>
    </svg>
  </a>
  <ul class="flex-center">
    <li>
      <a href="https://github.com/lucko" target="_blank">lucko</a>/<a href="https://github.com/lucko/LuckPermsWeb" target="_blank">LuckPermsWeb</a>
    </li>
    <li><a href="https://github.com/lucko/LuckPermsWeb/blob/master/LICENSE.txt" target="_blank">Copyright &copy;
      2017-<script type="text/javascript">document.write(new Date().getFullYear().toString());</script>
      LuckPerms contributors</a></li>
  </ul>
</div>


</body>
</html>
